<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>华富</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
</head>
<style>
    html,body {
      font-size: 1.2rem;
      background: #ffffff;
      color: #333333 !important
    }
    [v-cloak] {
        display: none;
    }
    #header {
        display: flex;
        background: #fff;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 2;
    }

    #header .search_box {
        flex: 1;
    }
    /*搜索*/

    #header .search_box {
        font-size: 0;
        text-align: center;
        height:4.4rem;
    }

    #header .search_box li {
        display: inline-block;
        height: 4.4rem;
        line-height: 4.4rem;
        font-size: 1.5rem;
        margin: 0 1.6rem;
        padding: 0;
        position: relative;
        color: #000000;
    }

    #header .search_box .active {
        color: #ed6a20;
    }

    #header .search_box .active:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.2rem;
        border-radius: 0.1rem;
        background-color: #ed6a20;
    }
    /*消息*/

    #header .msg_box {
        display: flex;
        align-items: center;
        padding: 0rem 0.75rem;
    }

    #header .msg_box img {
        display: inline-block;
        vertical-align: middle;
        width: 0.95rem;
        height: 1.657rem;
    }
    .aui-popup{
      opacity: 1;
    }
    .aui-popup-top-right{
       top:0;
    }

</style>
<body>

<div class="aui-popup aui-popup-top-right" id="top-right">
    <div class="aui-popup-arrow"></div>
    <div class="aui-popup-content">
        <ul class="aui-list aui-list-noborder">
            <li class="aui-list-item">
                <div class="aui-list-item-label-icon">
                    <i class="aui-iconfont aui-icon-my aui-text-warning"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-middle">
                    会员中心
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-label-icon">
                    <i class="aui-iconfont aui-icon-mail aui-text-info"></i>
                </div>
                <div class="aui-list-item-inner">
                    会话消息
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-label-icon">
                    <i class="aui-iconfont aui-icon-star aui-text-danger"></i>
                </div>
                <div class="aui-list-item-inner">
                    我的收藏
                </div>
            </li>
        </ul>
    </div>
</div>


</body>
</html>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/zepto.js"></script>
<script type="text/javascript" src="../../script/vue.min.js"></script>
<script type="text/javascript" src="../../script/utils.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/aui-scroll.js"></script>
<script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../../script/aui-tab.js"></script>
<script type="text/javascript" src="../../script/swiper.min.js"></script>
<script type="text/javascript" src="../../script/jquery.min.js"></script>
<!-- <script type="text/javascript" src="../../script/aui-popup.js" ></script> -->


<script type="text/javascript">
  function doSearch(){
      var searchValue = document.getElementById("search-input").value;
      if(searchValue){
          api.toast({
              msg: searchValue,
              duration: 2000,
              location: 'bottom'
          });
      }
  }
  //刷新
  function setRefresh(){
      var pullRefresh = new auiPullToRefresh({
          container: document.querySelector('.aui-refresh-content'),
          triggerDistance: 100
      }, function(ret) {

          if (ret.status == "success") {
              setTimeout(function() {
                  pullRefresh.cancelLoading(); //刷新成功后调用此方法隐藏
              }, 1500)
          }
      })
  }
  apiready = function() {

  };

  function closeYM() {
      api.closeWin({});
  }

</script>
